@import url(./common.less);

.content3 {
    width: 23.4375rem;
    margin: 0 auto;
    .items {
        display: flex;
        flex-wrap: wrap;

        .item {
            width: 10.875rem;
            height: 17.8125rem;
            background-color: #fff;
             margin: 5px;
            .top {
                img {
                    width: 10.875rem;
                    height: 10.875rem;
                }
            }

            .bottom {

                .logo {
                    width: 156px;
                    height: 15px;
                    padding-left: 5px;
                    font-size: 12px;
                    color: #666;

                    img {
                        vertical-align: bottom;
                        width: .9375rem;
                        height: .9375rem;
                    }
                }

                .title {

                    .ellipsis();
                    font-size: 14px;
                    color: #333;
                }

                .promotion {
                    display: flex;
                    width: 156px;
                    height: 15px;
                    margin: 0 auto;
                    color: red;
                    font-size: 10px;
                    font-weight: 400;
                    text-align: center;

                    .desc1 {
                        width: 69px;
                        height: 12px;
                        box-sizing: border-box;
                        border: 2px solid#ffe7a3;
                        margin-right: 5px;
                    }

                    .desc2 {
                        width: 47px;
                        height: 12px;
                        box-sizing: border-box;
                        border: 1px solid#ffe7a3;
                    }

                }

                .price3 {
                    display: flex;
                    align-items: flex-end;
                    margin-left: 10px;
                    margin-top: .5rem;
                    width: 9.75rem;
                    height: 1.125rem;
                    color: red;
                   

                    .desc {
                        
                        font-size: 12px;
                    }

                    .price2 {
                        display: flex;
                        align-items: flex-end;
                        .unit {
                           
                            font-size: 12px;
                        }

                        .price {
                            
                            font-size: 16px;
                        }
                    }

                }

            }
        }
    }
}